<div class="d-flex flex-row align-items-center gray-600 small">
  <div class="border-bottom w-100"></div>
  <span class="mx-2 py-2 whitespace-nowrap">{{ 'customer.login_page.or_log_in_with' | t }}</span>
  <div class="border-bottom w-100"></div>
</div>

<div class="d-flex justify-content-center mt-2 mx-n3">
  <a class="as-update-redirect as-update-social as-track-third-party-login mx-3" data-type="google" data-link="{%- render 'account-api-host' -%}/auth/redirect/google" {% if shop.permanent_domain contains 'rokid-dev'  %}href="javascript:void(0);"{% else %}href="{%- render 'account-api-host' -%}/auth/redirect/google?source=store&store={{ shop.permanent_domain | remove: ".myshopify.com" }}&return_to={{ request.origin | append: '/pages/redirect' }}"{% endif %}>
    {% render 'icon-google' %}
  </a>
<a class="as-update-redirect as-update-social as-track-third-party-login mx-3" data-type="facebook" data-link="{%- render 'account-api-host' -%}/auth/redirect/facebook" {% if shop.permanent_domain contains 'rokid-dev'  %}href="javascript:void(0);"{% else %}href="{%- render 'account-api-host' -%}/auth/redirect/facebook?source=store&store={{ shop.permanent_domain | remove: ".myshopify.com" }}&return_to={{ request.origin | append: '/pages/redirect' }}"{% endif %}>
    {% render 'icon-facebook' %}
  </a>
   
</div>
